$(function () {
   // /*区域滚动*/
   //  mui('.mui-scroll-wrapper').scroll({
   //      indicators:false
   //  });
  
  // 默认获取一级分类数据
  getFirstCategoryData(function (data) {
    $(".cate_left ul").html(template('firstCategory',data));
    var categoryId = $(".cate_left ul li:first-child").find("a").attr("data-id");
    render(categoryId);   
  });


  $(".cate_left").on("tap","a",function (e) {
    if($(this).parent().hasClass('now')) return false;
    $(".cate_left li").removeClass('now');
    $(this).parent().addClass('now');
    render($(this).attr("data-id"));
  });

});
// TODO:获取一级分类数据
function getFirstCategoryData (callback) {
  $.ajax({
    url: "/category/queryTopCategory",
    type: "get",
    data: "",
    dataType: "json",
    success: function (data) {
      callback && callback(data);  
    }
  });
}
// TODO:获取二级分类数据
function getSecondCategoryData (id,callback) {
  $.ajax({
    url: "/category/querySecondCategory",
    type: "get",
    data: id,
    dataType: "json",
    success: function (data) {
      callback && callback(data);
    }
  });
}
// TODO:渲染二级分类数据
function render (categoryId) {
  getSecondCategoryData({id: categoryId},function (data) {
    $('.cate_right ul').html(template('secondCategory',data));
  });
}